@import "@/components/visualization/styles/function.scss";

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


.vi-header-content {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 vw(16);

  .vi-left {
    font-size: vw(14);
    font-family: Microsoft YaHei UI;

    label {
      font-weight: bold;
      color: rgba(0, 0, 0, 1);
    }

    span {
      font-weight: 400;
      color: rgba(0, 0, 0, 0.41);
    }
  }

  .vi-right {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;

    /deep/ .el-radio {
      margin-left: vw(16);

      .el-radio__inner {
        width: 10px;
        height: 10px;

        &::after {
          width: 4px;
          height: 4px;
        }
      }

      .el-radio__label {
        font-size: vw(14);
        font-family: Microsoft YaHei UI;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.64);
      }
    }

    .vi-line {
      width: 0;
      height: vw(16);
      border: 1px solid rgba(0, 0, 0, 0.16);
      margin: 0 16px;
    }

    .enlarge {
      width: vw(16);
      cursor: pointer;

      &:active {
        opacity: 0.8;
      }
    }
  }
}